<?php
session_start();
if(isset($_SESSION['login'])){//!
echo '<script language="javascript">
window.location.href="../../../Login.php";
</script>';
} else {/* else Global*/ 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
	UES-FIA-EISI-TBS115
	PHP - Sistema/Usuarios/Vista
	Nombre: Form_NuevoUsuario.php
	Fecha:	28/junio/2011
	Autor:	juan carlos menjivar Miranda
	Descripción: Formulario para la creacion de un nuevo usuario del sistema
 	Actualizado: 09/Agosto/2011, Juan carlos Menjivar.
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Completar Informaci&oacute;n</title>

<link rel="stylesheet" href="../../../Estilos/stickytooltip.css" type="text/css"/>
<link rel="stylesheet" href="../../../Estilos/Menu_h.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../Estilos/Form.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../Estilos/Blueprint/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="../../../Estilos/Blueprint/print.css" type="text/css" media="print" />
<link rel="stylesheet" href="../../../Estilos/Principal-estilos.css" type="text/css" media="screen" />
<link type="text/css" href="../../../Estilos/cupertino/jquery-ui-1.8.12.custom.css" rel="stylesheet" />	
<!--[if lt IE 8]>
  <link rel="stylesheet" href="../../../Estilos/Blueprint/ie.css" type="text/css" media="screen, projection">
<![endif]-->
<link rel="shortcut icon" href="../../../Imagenes/Icono-01.ico" type="image/x-icon"/>
<script type="text/javascript" src="../../../Script/jquery.min.js"></script><!--el core de jquery-->
<script type="text/javascript" src="../../../Script/stickytooltip.js"></script><!--el tooltip-->

<script type="text/javascript" src="../../../Script/jquery-1.5.1.min.js"></script><!--el captcha-->
<script type="text/javascript" src="../../../Script/jquery-ui-1.8.12.custom.min.js"></script><!--el captcha-->
<script type="text/javascript" src="../../../Script/Fecha.js"></script>
<script type="text/javascript" src="../../../Script/validatious-custom-0.9.1.min.js"></script>
<script type="text/javascript">
        $(document).ready(function(){
            setTimeout(function(){ $(".mensajes").fadeOut(800);}, 4000); 
        });
</script>

</head>
<body onload="document.getElementById('captcha-form').focus()">
<div class="container">
<?php
//incluimos
include ("../../Funciones/Conexion.php");
include("../Controlador/Func_usuario.php");
?>

	<div class="span-24 last "> <!--Inicia header-->
		<div class="header"></div>
	</div>

	<!--Inicia cuerpo-->
	<div class="span-5"> <!--Inicia menu vertical-->
		<div class="menu-vertical">
		<div class="conten-logo-insafocoop"><div class="logo-insafocoop"></div></div>
		</div>
		<div class="avisos">
			<h2 class="nueva">Noticias!</h2>
			<p>Gran encuentro cooperativo Salvadore&ntilde;o a llevarse a cabo el dia...</p>
		</div>
	</div>

	<div class="span-19 last"> <!--===============================Inicia contenido principal=========================================-->
		<div class="contenido-principal contenido-fondo">			
			<h2>Recuperar Contrase&ntilde;a</h2>
			<div align="center">
            <?php
			$link=Conexion();
			if(isset($_POST['Guardar']))//submit
			{
				$Usuario = htmlspecialchars(trim($_POST['txtUsuario']));
				$Pass22 = trim($_POST['txtClave']);
				
				$Captcha=$_POST['captcha'];
				
				if (isset($Usuario)&& !empty($Usuario)&&
					isset($RespuestaSeg)&& !empty($RespuestaSeg))	
				{
					if(isset($PreguntaSeg)&& !empty($PreguntaSeg))
					{
						/** Validate captcha */
						if(isset($Captcha)&& !empty($Captcha))
						{
							if (empty($_POST['captcha']) || trim(strtolower($_POST['captcha'])) != $_SESSION['captcha']) 
							{
								$captcha_message = "<div class='error_ mensajes'><strong>Error</strong><br/>El Codigo de Seguridad es Incorrecto!</div>";
							} 
							else 
							{
								ActualDatos($Usuario,$Pass,$NombreCompleto,$PreguntaSeg,$RespuestaSeg,$Id_user);
							}
							$request_captcha = htmlspecialchars($_POST['captcha']);
							echo "$captcha_message";
							unset($_SESSION['captcha']);
						}
						else
						{
							echo '<div class="error_ mensajes"><strong>Error</strong><br/>El codigo de Seguridad, esta vacio.</div>';
						}//fin de gestion de captcha
						
					}
					else
					{
						echo '<div class="error_ mensajes"><strong>Error</strong><br/>Seleccione pregunta de Seguridad.</div>';
					}
				}
				else{
					echo'<div class="error_ mensajes"><strong>Error</strong><br/>Parece que hay Elementos Vacios. Todos los campos son Obligatorios</div>';
				}
			}

			?>
				<form action="Form_OLvidePass.php" method="post" name="formulario" class="validate">
					<table class="tabla-form" border="0">
						<tr>
							<td colspan="2"><div class="separador"><strong>Tu Usuario</strong></div></td>
							<td width="40"><a href="#" data-tooltip="sticky1"><div class="help"></div></a></td>
						</tr>
						<tr>
							<td width="195"><label>Nombre de Usuario</label></td>
							<td width="501"><input type="text" name="txtUsuario" id="txtUsuario" class="required inp2" value="<?php echo $array[0]; ?>"/></td>
							<td width="40">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><div class="separador"><strong>Validando la seguridad</strong></div></td>
							<td width="40"><a href="#" data-tooltip="sticky4"><div class="help"></div></a></td>
						</tr>
                        <tr>
                          <td><label>Pregunta de Seguridad</label></td>
                          <td><select name="optPregunta" id="optPregunta" class="inp2" style="width:280px">
                            <option value="0">-Seleccione la pregunta de Seguridad-</option>
                            <option value="1">&iquest;Cual es tu lugar de nacimiento?</option>
                            <option value="2">&iquest;Cual es el nombre de tu mascota?</option>
							<option value="3">&iquest;En que a&ntilde;o nacio tu pap&aacute;?</option>
                          </select></td>
                           <td>&nbsp;</td>
                      </tr>
                        <tr>
                          <td><label>Escribe tu respuesta</label></td>
                          <td><input type="text" name="txtRespuesta" id="txtRespuesta" class="required inp2" value="<?php echo $RespuestaSeg; ?>"/></td>
                          <td>&nbsp;</td>
                        </tr>
                        <tr>
                          <td valign="bottom"><label>Escribe el Codigo de Seguridad</label></td>
                          <td><div align="left">
                            <img src="../Controlador/captcha.php" id="captcha" />
                            <!-- CHANGE TEXT LINK -->
                           	<a href="#" onclick="
                            document.getElementById('captcha').src='../Controlador/captcha.php?'+Math.random();
                            document.getElementById('captcha-form').focus();"
                            id="change-image" ><div align="left">Otro Codigo?</div></a>
                          <input type="text" name="captcha" id="captcha-form" class="inp"/>
                          </div></td>
						   <td width="40">&nbsp;</td>
						</tr>
					</table>
                  <div align="right" style="padding:6px;"><br /><br />
                    <button type="submit" name="Guardar" class="boton-form boton-form-link "><img src="../../../Imagenes/Menu-06.png"/> Recuperar</button>
                    <button type="button" name="Cancelar" class="boton-form-x boton-form-link" onClick="javascript:document.location.href='../../../Login.php'"><img src="../../../Imagenes/Cancel.png" /> Cancelar</button>			
                  </div>
			  </form>
				<br/>
			</div>
		</div>
	</div>
	<!--HTML for the tooltips(El JQuery)-->
	<div id="mystickytooltip" class="stickytooltip">
		<div style="padding:5px">
			<div id="sticky1" class="atip" style="width:262px">
				<table align="center" class="tooltipz">
				<tr>
					<td align="center" valign="top"><img src="../../../Imagenes/Info.png" style="width:50px; eight:50px;"/></td>
					<td align="left" >
						<strong>Informaci&oacute;n</strong><br/>
						<small>Ingrese el Nuevo Nombre de Usuario, para iniciar sesi&oacute;n en el sistema.<br /><br />En el campo de texto se muestra el Nombre de Usuario Actual.</small>
					</td>
				</tr>
				</table>  
			</div>
            
            <div id="sticky2" class="atip" style="width:262px">
				<table align="center" class="tooltipz">
				<tr>
					<td align="center" valign="top"><img src="../../../Imagenes/Info.png" style="width:50px; eight:50px;"/></td>
					<td align="left" >
						<strong>Informaci&oacute;n</strong><br/>
						<small>Cambie las Contrase&ntilde;s, digitando la nueva Contrase&ntilde;s en los campos correpondientes<br /><br />
                        	NOTA: Si <strong>NO</strong> desea cambiar las Contrase&ntilde;s, deje los campos en blanco, las Contrase&ntilde;s anteriores
                            no sufrir&aacute;n ning&uacute;n cambio.
                        </small>
					</td>
				</tr>
				</table>  
			</div>
            
            <div id="sticky3" class="atip" style="width:262px">
				<table align="center" class="tooltipz">
				<tr>
					<td align="center" valign="top"><img src="../../../Imagenes/Info.png" style="width:50px; eight:50px;"/></td>
					<td align="left" >
						<strong>Informaci&oacute;n</strong><br/>
						<small>Digita tu Nombre completo y tu apellido.</small>
					</td>
				</tr>
				</table>  
			</div>
			
            <div id="sticky4" class="atip" style="width:262px">
				<table align="center" class="tooltipz">
				<tr>
					<td align="center" valign="top"><img src="../../../Imagenes/Info.png" style="width:50px; eight:50px;"/></td>
					<td align="left" >
						<strong>Informaci&oacute;n</strong><br/>
						<small>Selecciona una pregunta de Seguridad, y contestala con una respuesta corta y coherente, ya que esta informacion sera guardada en el sistema, para cuando el usuario haya olvidado su contrase&ntildea
                        y se necesite iniciar un proceso de renovaci&oacute;n dela misma.
                        <br /><br />
                        Ademas deberas escribir el codigo de seguridad, correctamente. Si te es dificil entenderlo, puedes dar clic en el enlace <a href="#">Otro Codigo?</a>.
                        </small>
					</td>
				</tr>
				</table>  
			</div>
		<div class="stickystatus"></div>
		</div>
	</div>
	<div class="span-24 last"> <!--Inicia footer-->
		<div class="footer"></div>
	</div>
</div>
</body>
</html>
<?php }?>